@charset "utf-8";
.fl,.left{ float:left !important;}

.fr,.right{ float:right !important;}
/* CSS Document */

@font-face{

	font-family:MyKai;

	src:url(../font/kaiu.ttf);

}

@font-face{

	font-family:MyE;

	src:url(../font/kaiu.ttf);

}

/*===================CSS Reset================*/

::selection {color:#fff;background-color: #4ea934;}

::-moz-selection {color:#fff;background-color: #4ea934;}

::-webkit-selection {color:#fff;background-color: #4ea934;}

::-webkit-scrollbar {width: 2px;height: 2px;background-color: #F5F5F5;}

::-webkit-scrollbar-track {border-radius: 10px;background-color: #1f1f20;}

::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);background-color: #4ea934;}

* {padding: 0;margin: 0; box-sizing:border-box;}

body {font: 14px/1.231 "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; position:relative; color: #333; margin: 0; line-height:1.2; min-width:1200px; background:url(../images/bg_body.png) repeat;}

html, body { scroll-behavior:smooth; }

:focus { outline: 0;}

 input,button,a { outline:0;}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display: block;}

ins {background-color: #ff9;color: #000;text-decoration: none;}

mark {background-color: #ff9;color: #000;font-style: italic;font-weight: bold;}

del {text-decoration: line-through;}

table {border-collapse: collapse;border-spacing: 0;}

hr {display: block;height: 1px;border: 0;border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;}

input,select {vertical-align: top;}

li,ul {list-style-type: none;}

img {border: none;}

a{text-decoration: none; color:#393939;}

a:link,a:hover,a:active,a:visited {text-decoration: none;}

input,textarea {outline: 0;border: 0;}

textarea {resize: none;}

h1,h2,h3,h4,h5,h6,dl,dd,dt,i,em {font-weight: normal;font-style: normal;}

ul, li {list-style: none;margin: 0;padding: 0;}



/*自定义样式*/

.fl {float: left;}

.fr {float: right;}

.m{width: 1200px;margin: 0 auto; display: block;}

.img{ overflow:hidden;}

.img img{ width:100%; height:100%;}

h5{ text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

h5 a{ display:block; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.txt p{ color:#777;}

.clear{ clear:both;}



/*head*/
.main_box{margin: 0 auto;
    width: 1250px;
    position: relative;}
.content{margin: 0 auto;
    width: 1250px;
    position: relative;}

/*===============================================header================================================*/



#header{ background:#fff; height:125px ; border-bottom:1px solid #ededed; width: 100%; z-index: 9999;}



#header #logo{position:absolute; top: 29px; left:0; display: inline-block; }



#header #logo img{  }





#top_bnt_box{ position:absolute; top:65px; right:-13px;  background:url(../images/line_top.png) center no-repeat;}



#top_bnt_box a{ display:block; padding:0 13px; height:15px;  float:left;}



#bnt_top_search{ width:15px;background:url(../images/icon_search.png) center  no-repeat;}



#bnt_top_tel{width:13px;  background:url(../images/icon_top_tel.png) center  no-repeat;}



#bnt_top_search:hover{ width:15px;background:url(../images/icon_search_hover.png) center  no-repeat;}



#bnt_top_tel:hover{width:13px;  background:url(../images/icon_top_tel_hover.png) center  no-repeat;}



#bnt_top_search.on{ width:15px;background:url(../images/icon_search_hover.png) center  no-repeat;}



#bnt_top_tel.on{width:13px;  background:url(../images/icon_top_tel_hover.png) center  no-repeat;}





/*================= 搜索 ===================*/



#top_search_box{ display:none;  position:absolute; top:125px; right:0px; height:40px; background:#fff; z-index:99; border-top:1px solid #ededed;}



#top_search_box form{display:block; position:relative;  height:40px; width:240px;}



#top_search_box  input{display: block;background: none;border: none;}



#top_search_box .text{width: 180px; height: 40px;line-height: 40px;font-size: 13px;color: #545454;margin-left: 13px;}



#top_search_box .submit{width: 40px; position:absolute; right:0; top:0; cursor:pointer; height: 40px;margin-left: 5px; background:url(../images/icon_search.png) center no-repeat;}



#top_search_box .submit:hover{  background:url(../images/icon_search_hover.png)  center  no-repeat;}



#top_tel_box{ display:none; position:absolute; top:125px; right:0px; width:240px; height:40px; text-align:center; line-height:40px; background:#fff; font-size: 14px;color: #545454;z-index:100; border-top:1px solid #ededed;}







/*=================导航=================*/



#nav{ position:absolute; right:70px; top:60px; }



#nav ul{ }



#nav li{ display: inline-block;   min-width:30px; padding:0 28px;   position:relative;   }



#nav li .a{ display: inherit; text-align:center;   }



#nav li .a strong{ display:block; font-size:16px; text-transform: uppercase;  color:#373849; text-align:center; position:relative; z-index:1;}



#nav li .a span{ position:absolute; bottom:0px; left:0; width:100%;  text-align:center;}



#nav li .a i{ display:none; z-index: 4;  margin:0 auto; max-width: 60px; text-align:center;  z-index:1; height:2px; width:0; }



#nav .on .a i{  width:100%;}



#nav li.on .a strong{ color:#4ea934; }



#nav li .a:hover i{  width:25px;}



#nav li .a:hover strong{ color:#4ea934;}



#nav li.on .a:hover i{ width:25px; }





#header.fix{position: fixed; height: 90px; padding: 0; }

#header.fix #logo{top: 17px;}

#header.fix #top_search_box{ top: 90px; background: #ededed;}

#header.fix #top_tel_box{top: 90px;  background: #ededed;}

#header.fix #top_bnt_box{top: 42px;}

#header.fix #nav{top: 34px;}







/*================= banne===================*/



#banner{ position:relative; height:720px; overflow:hidden;  }



#banner .bd { position:relative;}



#banner .bd a{ display:block; width:100%; height: 720px;}

#banner .hd{  margin:0 auto; position:absolute; width:100%; bottom:10px; }

#banner .hd a{ display:block;   }

#banner .hd ul{ margin:0 auto; z-index:9; width:100%; display:inherit; text-align:center;/* border-top:1px solid #56585c;*/ margin-top:-50px; position:relative; height:40px;  }

#banner .hd ul li{ display:inline-block; padding-top:13px;}

#banner .hd ul li a{height:8px; width:8px; border-radius:4px; margin:0 3px; background:#fff; display:block;  -moz-transition: all 0.6s ease-in-out;

-webkit-transition: all 0.6s ease-in-out;

-o-transition: all 0.6s ease-in-out;

-ms-transition: all 0.6s ease-in-out;

transition: all 0.6s ease-in-out;  }

#banner .hd ul li a:hover{ background:#4ea934; width:30px;}

#banner .hd ul .on a{  background:#4ea934;  width:30px;}



#banner  .bnt{ position:absolute;  top:50%; z-index:3; margin-top:-21px;}



#banner  .bnt:hover{ }



#banner .prev{ position:absolute; left:-54px; }



#banner .next{ position:absolute; right:-54px; }



#banner:hover .prev{left:50px;  opacity:1; filter:alpha(opacity=100);}



#banner:hover .next{right:50px; opacity:1; filter:alpha(opacity=100);}



 





#s_pro{}

#panda-show { margin-bottom:50px;

}



#panda-show .shuffer-title {

	height: 70px;

	padding-top: 12px;

	text-align: center;

	box-sizing: border-box;

}



#panda-show  .full {

	width: 100%; overflow:hidden;

	min-width: 1000px;

}



#panda-show  .content {

	width: 700px;

	margin: 0 auto;

	position: relative;

}



/*@media screen and (min-width:1400px) {

	#panda-show	.content {

		width: 1200px;

	}

}



@media screen and (min-width:1660px) {

	#panda-show	.content {

		width: 1460px;

	}

}*/



#panda-show  .cover-left {

	width: 2000px;

	position: absolute;

	left: -2000px;

	top: 0;

	opacity: 0.5;

	background: #000;

	height: 505px;

	z-index: 10;

}



#panda-show  .cover-right {

	width: 2000px;

	position: absolute;

	right: -2000px;

	top: 0;

	background: #000;

	opacity: 0.5;

	height:505px;

	z-index: 10;

}



#panda-show  .swiper-container {

	overflow: visible;

	height: 630px; width:675px;

}



#panda-show  .swiper-slide {

	height: 630px; text-align:center;

	

	position: relative;

}

#panda-show  .swiper-slide .img{ margin:0 12px; height:505px; background: #000; position:relative;}

#panda-show  .swiper-slide img {

	max-width: 100%;

	opacity: 1;

	-webkit-transition: all linear 300ms;

	transition: all linear 300ms;

}

#panda-show  .swiper-slide .mask{ position:absolute; width:100%; height:100%; text-align:center; top:0; left:0; opacity:0; -webkit-transition: all linear 300ms; transition: all linear 300ms;}

#panda-show  .swiper-slide .mask .box{  width:651px; height:505px; display:table-cell; vertical-align:middle; text-align:center;}

#panda-show  .swiper-slide .mask h5{ font-size:20px; color:#fff; text-align:center; margin-bottom:10px; -webkit-transition: all linear 300ms;transition: all linear 300ms; margin-top:20px;}

#panda-show  .swiper-slide .mask i{ width:1px; height:0; display:inline-block; background:#fff; background:rgba(255,255,255,.8); margin-top:40px; margin-bottom:34px; clear:both;-webkit-transition: all linear 400ms;

	transition: all linear 400ms;}

#panda-show  .swiper-slide .mask p{ font-size:15px; color:#fff;padding:0 8%;line-height:25px;}

#panda-show  .swiper-slide .mask span{ display:block; width:46px; height:46px; border-radius:50%; background:#4ea934; clear:both; margin:0 auto; text-align:center; line-height:46px; color:#fff; font-size:24px;}

#panda-show  .swiper-slide .img:hover .mask{ opacity:1;}

#panda-show  .swiper-slide .img:hover .mask h5{ margin-top:0;}

#panda-show  .swiper-slide .img:hover .mask i{ height:71px;}

#panda-show  .swiper-slide  a:hover img {

	opacity: .7;

}



#panda-show  .swiper-slide .txt{ padding-top:40px;}

#panda-show  .swiper-slide .txt h5{ font-size:20px; color:#2b2b2a; text-align:center; margin-bottom:10px;font-weight:bold}

#panda-show  .swiper-slide .txt p{ font-size:15px; color:#7c7c7b;padding:0 15%; line-height:25px;}









#panda-show  .arrow-left {

	background: url(../images/pro_left.png) center no-repeat;

	position: absolute;

	left: -49px;

	top: 42%;

	margin-top: -24px;

	width: 49px;

	height: 49px;

	z-index: 15;

}



#panda-show .arrow-right {

	background: url(../images/pro_right.png) no-repeat right top;

	position: absolute;

	right: -49px;

	top: 42%;

	margin-top: -24px;

	width: 49px;

	height: 49px;

	z-index: 15;

}



#panda-show .shuffer-line {

	height: 4px;

	width: 100%;

	position: absolute;

	bottom: 0;

	opacity: 1;

	-webkit-transition: all linear 300ms;

	transition: all linear 300ms;

	background-color: #1dd388;

}



#panda-show a:hover .shuffer-line {

	height: 95px;

	background-color: #1dd388;

	opacity: .8;

}



#panda-show .stars-info {

	height: 110px;

	position: absolute;

	bottom: 0;

	text-align: center;

	width: 100%;

	-webkit-transition: all linear 250ms;

	transition: all linear 250ms;

	color: #fff;

}



#panda-show a:hover .stars-info {

	height: 95px;

	border-bottom: 0 none;

}



#panda-show .stars-info .name {

	font-size: 20px;

	height: 26px;

	line-height: 26px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}



#panda-show a:hover .stars-info .name {

	margin: 8px 0 0;

}



#panda-show .stars-info .intro {

	padding: 0 10px;

	font-size: 14px;

	height: 18px;

	line-height: 18px;

	margin: 5px 0 30px;

	color: rgba(255,255,255,.7);

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}



#panda-show .stars-info .icon-shuffer-live {

	position: absolute;

	left: 50%;

	bottom: 38px;

	width: 29px;

	height: 9px;

	margin-left: -15px;

	background: url(../images/live.png) no-repeat;

	opacity: 1;

	-webkit-transition: all linear 250ms;

	transition: all linear 250ms;

}



#panda-show a:hover .stars-info .icon-shuffer-live {

	opacity: 0;

}



#panda-show .stars-info .number {

	display: inline-block;

	overflow: hidden;

	-webkit-transition: all linear 250ms;

	transition: all linear 250ms;

	height: 20px;

	line-height: 20px;

	width: 100%;

	position: absolute;

	bottom: 8px;

	left: 0;

}



#panda-show .stars-info .number i {

	width: 16px;

	height: 12px;

	display: inline-block;

	background: url(../images/eye.png) no-repeat center;

	margin-right: 8px;

}



/*产品切换结束*/



.s_tt{ text-align:center; margin-top:60px; overflow:hidden;}

.s_tt a{ display:block;}

.s_tt h3{ text-align:center; font-size:48px; color:#000; font-family:MyKai;}

.s_tt h3:before{ content:""; display:inline-block; width:100px; height:1px; background:#6f6f6f; margin-right:26px;}

.s_tt h3:after{content:""; display:inline-block; width:100px; height:1px; background:#6f6f6f; margin-left:26px;}

.s_tt p{ font-size:20px; color:#000; font-family:"Bell MT",times; margin-top:6px; text-transform:uppercase;}



.s_btn{ display:block; width:171px; height:51px; position:relative; z-index:0; border-radius:3px; line-height:50px; text-align:center; color:#fff; margin:0 auto; font-size:12px; font-family:arial; text-transform:uppercase; border:1px solid #50321d;transition:.3s; -webkit-transition:.3s;}

.s_btn i{ margin-left:29px; position:relative; top:-2px;}

.s_btn:before{ content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:#50321d; z-index:-1; transition:.3s; -webkit-transition:.3s; }

.s_btn:hover{ color:#50321d;}

.s_btn:hover:before{ height:0; top:auto; bottom:0;}



.s_pro_container{ width:1220px; height:369px !important; }

#s_pro_zhutui .prev3{ width:45px; height:45px; display:block; background:url(../images/s_pro_left.png) center no-repeat; position:absolute; left:-87px; top:133px; margin-top:-23px; cursor:pointer; }

#s_pro_zhutui .next3{ width:45px; height:45px; display:block; background:url(../images/s_pro_right.png) center no-repeat; position:absolute; right:-87px; top:133px; margin-top:-23px; cursor:pointer;}

#s_pro_zhutui{padding-top:1px;}

#s_pro_zhutui .s_tt{ margin-bottom:55px;}

#s_pro_zhutui .m{ position:relative;}

#s_pro_zhutui .m2 {position:relative; z-index:0; overflow:hidden; width:1200px; margin:0 auto;}

#s_pro_zhutui .li a{ width:300px; height:280px; margin:0 auto; background:#fff; border-radius:3px; display:block; transition:.5s; -webkit-transition:.5s;}

#s_pro_zhutui .li .img_mid{position:relative; margin-bottom:18px; width:300px; height:210px; display:table; z-index:1;}

#s_pro_zhutui .li .img_mid div{ width:346px; height:210px; display:table-cell; vertical-align:middle; text-align:center;}

#s_pro_zhutui .li .img_mid img{ max-width:100%; max-height:100%;transition:2s; -webkit-transition:2s;}

#s_pro_zhutui .li .txt{ position:relative; z-index:3;}

#s_pro_zhutui .li h5{ font-size:16px; color:#323030; text-align:center; transition:.5s; -webkit-transition:.5s;}

#s_pro_zhutui .li h5:before{ content:""; display:inline-block; width:30px; position: relative; top:-5px; height:1px; background:#fff; margin-right:40px;}

#s_pro_zhutui .li h5:after{content:""; display:inline-block; width:30px; height:1px; background:#fff; position: relative; top:-5px; margin-left:40px;}

#s_pro_zhutui .li p{ font-size:12px; color:#b9b8b8; font-family:Arial; text-transform:uppercase; line-height:25px; overflow:hidden; text-align:center; display:block; transition:.5s; -webkit-transition:.5s;}

#s_pro_zhutui .li:hover img{ transform:scale(1);}

#s_pro_zhutui .li a:hover{ background:#4ea934;}

#s_pro_zhutui .li a:hover h5{ color:#fff;}

#s_pro_zhutui .li a:hover p{ color:#fff;}







.da-thumbs {

	list-style: none;

	height: 600px;

	position: relative;

	padding: 0

}

.da-thumbs li {

	float: left; width:400px; height:302px;


	position: relative;

}

.da-thumbs li a, .da-thumbs li a img {

	display: block;

	position: relative; width:390px; height:292px;

}

.da-thumbs li a {

	color: #fff;

	overflow: hidden

}

.da-thumbs li a div {

	position: absolute;

	background: #333;

	

*background:#0d9572;

	background: #0d9572\0;

	filter: alpha(Opacity=90);

	width: 100%;

	height: 100%

}

#s_case{ background:url(../images/s_case_bg.jpg) center no-repeat; height:898px; padding-top:30px; position:relative;}

#s_case .s_tt h3{ color:#333;}

#s_case .s_tt p{ color:#333;}



#s_case ul{ margin-top:55px; overflow:hidden;}

#s_case ul li .mask{ text-align:center; padding:38px; padding-top:80px; background: rgba(78,169,52,.9);}

#s_case ul li .mask i{ display:block; width:1px; height:0; background:#fff; margin:0 auto; margin-bottom:8px; transition:.3s; -webkit-transition:.3s;}

#s_case ul li .mask h5{ font-size:18px; color:#ffff; text-align:center; margin-bottom:20px;}

#s_case ul li .mask p{ font-size:14px; color:#fff; height:20px; line-height:20px;padding:0 10px;}

#s_case ul li:hover .mask i{ height:15px;}

#s_case .s_more{ position:absolute; left:50%; bottom:-26px; margin-left:-26px;}

.s_more{ display: block; width:52px; height:52px; line-height:52px; text-align:center; color:#fff; font-size:12px; font-family:arial; border-radius:50%; position:relative; z-index:0;}

.s_more span{ display:block; width:100%; height:100%; border-radius:50%; background:#4ea934;}

.s_more:before{ content:""; display:block; width:100%; height:100%; border-radius:50%; overflow: hidden; background: rgba(255,255,255,.2); transform:scale(1.3); position:absolute; top:0; left:0; z-index:-1; 

transition:.5s; -webkit-transition:.5s;}

.s_more:after{ content:""; display:block; width:100%; height:100%; border-radius:50%; overflow: hidden; background:rgba(255,255,255,.2); transform:scale(1); position:absolute; top:0; left:0; z-index:-1;

transition:.5s; -webkit-transition:.5s;

}

.s_more:hover:before{ transform:scale(2); opacity:0;}

.s_more:hover:after{ transform:scale(1.3);}





#s_rukou{ overflow:hidden; background:#fff; padding-top:107px; height:710px;}

#s_rukou ul{}

#s_rukou ul li{ width:688px; height:245px; overflow:hidden; position:relative;}

#s_rukou ul li a{ display:block;}

#s_rukou ul li a:before{ content:""; width:100%; height:100%; position: absolute; z-index:99; left:0; top:0; display:block; border:2px solid #4ea934; transform:scale(.98); box-sizing:border-box; opacity:0; transition:.5s; -webkit-transition:.5s;}

#s_rukou ul li .img{ width:343px; height:245px; float:left; overflow:hidden; background:#4ea934;}

#s_rukou ul li .img img{ transition:2s; -webkit-transition:2s; width:100%; height:100%;}

#s_rukou ul li:hover .img img{ transform:scale(1.1);}

#s_rukou ul li .txt{ float:right; height:245px; width:345px; background:url(../images/bg_body.png) repeat; padding:40px 45px; }

#s_rukou ul li .txt h5{ font-size:25px; color:#000; font-family:myKai; margin-bottom:25px;}

#s_rukou ul li .txt h5 span{ font-size:14px; font-family:Bell MT,Times; text-transform:uppercase; margin-left:8px; position:relative; top:2px;}

#s_rukou ul li .txt h5 span:before{ content:""; width:30px; height:1px; background:#000; display:block; position:absolute; top:-8px; left:0;}

#s_rukou ul li .txt p{ font-size:16px; color:#676767; line-height:26px; overflow: hidden;}

#s_rukou ul li .txt font{ display:block; width:28px; height:28px; text-align:center; line-height:26px; border-radius:50%; font-family:simsun; color:#2b2b2a; border:1px solid #e7e7e7; background:#fff; float:right; margin-top:30px; transition:.3s; -webkit-transition:.3s;

}

#s_rukou ul li:hover .txt font{ background:#4ea934; border:1px solid #4ea934; color:#fff;}

#s_rukou ul li.li_1{ float:left; width:512px; height:490px;}

#s_rukou ul li.li_1 .img{ float:none; width:512px; height:245px;}

#s_rukou ul li.li_1 .txt{ width:512px;}

#s_rukou ul li.li_2 .img{ float:right;}

#s_rukou ul li:hover a:before{ transform:scale(1); opacity:1;border:2px solid #4ea934;}



#s_pinlei{}

#s_pinlei .txt{ width:540px; float:left;padding-top:60px}

#s_pinlei .txt h5{ font-size:36px; color:#000; font-family:myKai; margin-bottom:20px;}

#s_pinlei .txt h5 i{ display: inline-block; margin-right:11px; width:4px; height:30px; background:#4ea934; position:relative; top:3px;}

#s_pinlei .txt p{ font-size:15px; color:#2e2d2c; line-height:30px;overflow:hidden; width:490px}

#s_pinlei .txt .btn{ font-size:14px; color:#636362; font-family:arial; position:relative; display:block; margin-top:20px;}

#s_pinlei .txt .btn:before{ content:""; width:48px; height:1px; display: inline-block; background:#aaa; margin-right:8px; position:relative; top:-3px;transition:.5s; -webkit-transition:.5s;}

#s_pinlei .txt .btn:after{ content:""; width:0; height:1px; display: inline-block; background:#4ea934; margin-left:8px; position:relative; top:-3px;transition:.5s; -webkit-transition:.5s;}

#s_pinlei .txt .btn:hover{ color:#4ea934}

#s_pinlei .txt .btn:hover:before{ width:0;}

#s_pinlei .txt .btn:hover:after{ width:48px;}

#s_pinlei .img{}

#s_pinlei .img img{}





/*foot*/

#footer{ background:#333; box-sizing:border-box; padding-top:60px; position:relative; z-index:0;}

#footer .lianxi{ float:left; margin-right:20px; height:211px; border-right:1px solid #666; width:343px; padding-right:60px;}

#footer .lianxi .tel{ font-size:24px; color:#4ea934; margin-top:40px; margin-bottom:10px;}

#footer .lianxi .ads{ font-size:12px; color:#ccc;}

#footer .foot_logo{  }

#footer .foot_nav{ width:513px; position:relative;}

#footer .foot_nav ul{width:830px;}

#footer .foot_nav ul li{ display:inline-block; padding:0 18px;  position:relative; float:left;}

#footer .foot_nav ul li .a{ padding-bottom:5px; display:block; font-size:14px;}

#footer .foot_nav ul li .a:after{ content:""; width:0; height:1px; background:#eaeaeb; display:block; position:absolute;  left:0; bottom:0px;transition:.2s; -webkit-transition:.2s; }

#footer .foot_nav ul li .a:hover:after{ background:#4ea934; width:100%;}

#footer .foot_nav ul li .a{ font-size:15px; color:#fff; position:relative;transition:.2s; -webkit-transition:.2s; }

#footer .foot_nav ul li .a:hover{  }

#footer .foot_nav ul li .sub1{ padding-top:15px;}

#footer .foot_nav ul li .sub1 a{ font-size:12px; color:#ccc; display: block; line-height:24px;}



.footer *{ font-size:13px; color:#ccc; }

.ewm_box{ width:273px; height:211px; border-left:1px solid #666;}

#footer .ewm{  width:93px; text-align:center;font-size:12px; color:#767676; line-height:20px; margin-left:30px;}

#footer .ewm img{width:93px; height:93px;}

#footer .ewm p{ font-size:12px; color:#ccc; text-align:center; line-height:18px; padding-top:5px; }

.foot_bot{ background:#000; margin-top:38px;font-size:12px; height:53px; line-height:53px; color:#999; text-align:center; }

.foot_bot .bq{ text-align:center; line-height:53px;}

.foot_bot p{ display:inline-block; font-size:12px; color:#999;}

.foot_bot a{ font-size:12px; color:#999;}

.foot_bot *{ color:rgba(255,255,255,0.3); font-size:12px !important; display:inline-block;}

.foot_bot a:hover{ color:#fff;}

#footer a:hover{ color:#fff !important;}



.lazy_box{ overflow:hidden; position:relative; font-size:0;}

.lazy_one{ position:absolute; left:0; top:0; width:100%; height:100%; background:#4ea934; z-index:1;}

.lazy_two{}



.image-box__overlay {

    position: absolute;

    content: '';

    height: 100%;

    width: 100%;

    background-color: #141a16;

    top: 0;

    z-index: 1;

}





/*=================网站地图=================*/





#gotop { position:fixed; z-index:90; bottom:100px; right:80px; width:42px; height:42px; color:#fff; font-family:simsun; font-size:16px; text-align:center; line-height:42px;  border-radius:50%; box-sizing:border-box; background:rgba(0,0,0,0.8); cursor:pointer; -moz-transition:all .5s; -webkit-transition:all .5s;

 transform:rotate(270deg);

 -webkit-transform:rotate(270deg);

 -moz-transform:rotate(270deg);

 -ms-transform:rotate(270deg);

 -o-transform:rotate(270deg);

}

#gotop.hide { bottom:-50px;}

#gotop:hover { background:#4ea934; color:#332c2b;}





/*banner*/



/*banner end*/







/*内页*/



/*内页banner*/





.bn-box {width: 100%;overflow-x: hidden;position: relative;z-index:0;}

.ny_banner {width: 1920px;height:360px;position: relative;overflow: hidden;margin-left: 50%;left: -960px;top: 0;}

.ny_banner .m{ display:table; text-align:center; }

.ny_banner .m .box{height:360px; vertical-align:middle; display:table-cell; margin:0 auto;}

.ny_banner span{ font-size:14px; color:#000; font-family:Bell MT,times,myE; text-transform:uppercase; display:block;}

.ny_banner h5{ font-size:32px; color:#000; font-family:myKai; text-align:center;}

.n_main{ background:url(../images/s_about_bg.jpg) repeat;}

.n_content{ padding-top:66px; overflow:hidden;}



.n_position{ position:absolute; bottom:0; text-align:right; width:100%; height:69px;    width: 350px;

    height: 69px;

    right: 0;}

.n_position a{ font-size:14px; color:#848586; position:relative; line-height:69px;}

.n_position img{ position:relative; top:1px; margin-right:5px;}

.n_position a:after{ content: url(../images/home_ico2.png); position:absolute; right:10px; top:0px;}

.n_position i{ font-size:12px; color:#999; display:inline-block; margin:0 6px;}

.n_position em,.n_position span{ font-size:14px; color:#50321d;}

.n_position a:hover{ color:#50321d;}



.n_nav_box{ height:69px; background:#fff; box-sizing: border-box; }

.n_nav_box .m{ position:relative; height:69px;}



.n_nav {  }

.n_nav h3 { height:69px;}

.n_nav .li{display:inline-block; margin-right:75px; height:69px; float:left; box-sizing: border-box;position: relative;-webkit-transition:0.2s;transition:0.2s;}

.n_nav .li:before{ content:""; display:block; width:0; height:3px; background:#4ea934; position:absolute; right:0; bottom:0; transition:.5s; -webkit-transition:.5s;}

.n_nav .li:hover:before{ width:100%; left:0; right:auto;}

.n_nav .li.on:before{width:100%; left:0; right:auto;}

.n_nav .li h3 i { display: inline-block; width:auto; *display:inline; 	zoom: 1; width:13px; height:7px; background: url(../images/icon.png) 0 no-repeat; overflow: hidden; margin: -2px 0 0 7px; vertical-align: middle; filter: alpha(opacity=50); opacity: 0.5;}

.n_nav h3 a { display:block;color: #242424;position:relative;z-index:4;font-size:15px; font-weight: 100; line-height:69px;}

.n_nav .on h3 a { }

.n_nav .on h3 a i { filter: alpha(opacity=100); opacity: 1;}

.n_nav .sub { display: none; padding: 10px 0; position: absolute; top: 69px;  float: left; line-height: 30px;}

.n_nav .sub li { text-align: center;}

.n_nav .sub li a { color: #333; 	display: block; zoom: 1;}

.n_nav .sub li a:hover { color: #4ea934;}





#n_about{ margin-bottom:60px;}

#n_title{ text-align:center; margin-bottom:50px; position:relative; overflow:hidden;}

#n_title span{ font-family:myKai; position:relative; font-size:30px; color:#282828; margin-right:15px;}

#n_title span:before{ content:""; display:inline-block; width:11px; height:11px; border:2px solid #4ea934; box-sizing: border-box; border-radius:50%; margin-right:6px; position:relative; top:-11px;}

#n_title font{ font-weight:100px; font-size:12px; color:#a4a4a4; font-family:arial; text-transform: capitalize;}

.line2{ display:block; width:100%; height:3px; border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb; margin-top:30px;}

.back_list{ position:absolute; right:0; bottom:25px; font-size:14px; color:#2a2a2a; text-decoration:underline;}

.back_list:before{ content:""; width:100%; height:1px; background:#717171; display:block; position:absolute; bottom:-2px; left:0; transition:.3s; -webkit-transition:.3s;}

.back_list:hover:before{ width:0; left:auto; right:0;}



.ar_article{font-size:14px;color:#2e2d2c;line-height:30px;text-align:justify;}

.ar_article p{font-size:14px;color:#2e2d2c;line-height:30px;text-align:justify;margin-bottom: 23px;}	

.ar_article strong{ font-weight:bold;}

.ar_article img{ max-width:100%;}

.ar_article a{ color:#717173;}

.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5{ font-weight:bold;}

.ar_article h1{ font-size:2.25rem; margin-bottom:1.25rem}.ar_article h2{ font-size:1.875rem; margin-bottom:0.875rem;}.ar_article h3{ font-size:1.5rem; margin-bottom:0.9375rem}

.ar_article h4{ font-size:1.125rem; margin-bottom:0.875rem}.ar_article h5{ font-size:0.875rem; margin-bottom:0.75rem}.ar_article h6{ font-size:0.75rem; margin-bottom:0.75rem}

.ar_article ul li,

.ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:2rem; list-style:inherit !important;}

.ar_article ul li p,

.ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; }

.ar_article ul,

.ar_article ol{ margin-bottom:0.9375rem;}

.ar_article sub {vertical-align:sub; font-size: smaller;}

.ar_article sup { vertical-align:super; font-size: smaller;}

.ar_article p span{ display:inline-block;}

.ar_article img{ display:inline-block;}

.ar_article td,

.ar_article th{padding: 10px 0.9375rem;border: 0;}

.ar_article td p,

.ar_article th p{ padding-bottom:0; margin-bottom:0; text-align: inherit;}

.ar_article table {border-collapse: collapse;border-right: 0;border-bottom:0;}

.ar_article table td {border-left:0;border-top: 0;line-height: 24px;}



#n_case{ margin-bottom:60px;}

.n_case_slide{ height:546px; position:relative; margin-bottom:45px;}

.n_case_slide .swiper-container{ width:866px; height:546px;}

.n_case_slide .swiper-container .img{ width:866px; height:546px;}

.n_case_slide .left{ position:absolute; left:0; top:50%; margin-top:-23px;}

.n_case_slide .right{ position:absolute; right:0; top:50%; margin-top:-23px;}



#n_news{ padding-bottom:60px; overflow: hidden;}

#n_news ul{ margin-right:-36px; margin-top:-40px;}

#n_news ul li{ width:376px; height:380px; margin-right:36px; margin-top:40px; float:left; overflow:hidden;}

#n_news ul li a{ display:block;width:376px; height:380px; background:#fff; padding:11px;}

#n_news ul li .img{ width:355px; height:220px;}

#n_news ul li .img img{ transition:2s; -webkit-transition:2s;}

#n_news ul li:hover .img img{ transform:scale(1.1);} 

#n_news .txt{ padding:0 19px;}

#n_news .txt h5{ font-size:16px; color:#383838; margin-top:20px; margin-bottom:13px; transition:.3s; -webkit-transition:.3s; margin-left:-19px;}

#n_news li:hover .txt h5{ color:#4ea934}

#n_news .txt h5 i{ display:inline-block; width:4px; height:18px; border-radius:2px; background:#4ea934; margin-right:15px; position:relative; top:3px;}

#n_news .txt p{ font-size:12px; color:#6f7071; line-height:24px; height:48px; overflow:hidden;}

#n_news .txt span{ font-size:12px; color:#acacac; font-family:arial; margin-top:10px; display:inline-block; position:relative;}

#n_news .txt span:before{ content:""; width:100%; height:1px; background:#acacac; display:block; position:absolute; bottom:-1px; left:0; transition:.3s; -webkit-transition:.3s;}

#n_news .txt span:hover:before{ width:0; left:auto; right:0;}





/*==============分页=====================*/

.j_pages { margin:0 auto 70px auto; width:100%;}

.j_pages .box{display:inherit; width:100%;  text-align: center;}

.j_pages a{ padding:0 8px; height:32px; min-width:32px; line-height:30px; display:inline-block; border-radius:18px; border:1px solid transparent; margin:0 7px;  color:#646466; font-size:14px; font-family:arial; overflow:hidden;  transition:.3s; -webkit-transition:.3s;}

.j_pages .on{ background:#50321d; color:#fff !important;border:1px solid #50321d;}

.j_pages span a{ font-family:simsun; border:1px solid #d2d2d2;}

/*.j_pages span{ background:#af7017; color:#fff !important;border:1px solid #af7017;}*/

.j_pages a:hover{ background:#50321d; color:#fff !important;border:1px solid #50321d; }

.j_pages a:hover font{ color:#fff;}

.j_pages a.u_bnt{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */

-o-transition: all 1s; /* Opera */}





#n_shijing{ padding-bottom:60px;}

#n_shijing ul{ margin-right:-30px; margin-top:-33px; padding-bottom:10px; overflow:hidden;}

#n_shijing ul li{ width:380px; height:410px; margin-right:30px; margin-top:33px; float:left; transition:.3s; -webkit-transition:.3s; position:relative;}

#n_shijing ul li a:after{ content:""; display:block; height:1px; width:100%; background:#4ea934; transition:.5s; -webkit-transition:.5s; position:absolute; right:0; bottom:0; transform:scale(0); }

#n_shijing ul li a:hover:after{ transform:scale(1);}

#n_shijing ul li:hover a{ box-shadow:0 0 10px 5px rgba(0,0,0,.1);}

#n_shijing ul li a{ display:block;  width:380px; height:410px; background:#fff;}

#n_shijing ul li .img{ width:380px; height:240px; position:relative;}

#n_shijing ul li .img .mask{ display:block; width:100%; height:100%; background:rgba(17,17,17,.4); padding-top:118px; position:absolute; top:0; left:0; opacity:0;filter:alpha(opacity=0); transition:.5s; -webkit-transition:.5s;}

#n_shijing ul li .img .mask span{ width:107px; height:35px; text-align:center; line-height:35px; display:block; background:#4ea934; color:#fff; font-size:12px; border-radius:30px; margin:0 auto;}

#n_shijing ul li .img img{ transition:2s; -webkit-transition:2s;}

#n_shijing ul li:hover .mask{opacity:1;filter:alpha(opacity=100); padding-top:103px; }

#n_shijing .txt{ padding:29px;}

#n_shijing .txt h5{ font-size:16px; color:#0b0b0b; margin-bottom:13px; transition:.3s; -webkit-transition:.3s;}

#n_shijing li .txt h5:hover{ color:#4ea934}

#n_shijing .txt h5 i{ display:inline-block; width:4px; height:18px; border-radius:2px; background:#4ea934; margin-right:15px; position:relative; top:3px;}

#n_shijing .txt p{ font-size:13px; color:#737375; line-height:23px; height:46px; overflow:hidden;}

#n_shijing .txt span{ font-size:12px; color:#737375; font-family:arial; margin-top:18px; display:inline-block; position:relative;}





#n_case{}

#n_case ul{ margin-right:-44px; margin-top:-60px; padding-bottom:10px; overflow:hidden;}

#n_case ul li{ width:370px; height:375px; margin-right:44px; background:#fff; margin-top:60px; float:left;  position:relative;}

#n_case ul li a:after{ content:""; display:block; height:0px; width:4px; background:#4ea934; transition:.5s; -webkit-transition:.5s; position:absolute; right:0; top:240px; }

#n_case ul li a:hover:after{ height:135px;}

#n_case ul li:hover{ box-shadow:0 0 10px 5px rgba(0,0,0,.1);}

#n_case ul li .img{ width:370px; height:240px; position:relative;}

#n_case ul li .img img{ transition:2s; -webkit-transition:2s;}

#n_case .txt{ padding:32px;}

#n_case .txt h5{ font-size:16px; color:#1f2021; margin-bottom:16px; transition:.3s; -webkit-transition:.3s;}

#n_case li .txt h5:hover{ color:#4ea934}

#n_case .txt p{ font-size:12px; color:#9a9a9b; line-height:18px; height:36px; overflow:hidden;}







/*====新闻详情====*/

#n_news_xq{ padding-bottom:60px;}

#left_news{float:left;width:807px;}

#n_show_news{position:relative;margin: 0 auto;width: 1100px;padding-bottom: 90px;}

#right_news{ width: 323px;float: right;box-sizing: border-box;}

#right_news .up_box{  background:#fff; border:1px solid #e0e0e0; border-top:3px solid #4ea934; }

#right_news .content{ padding:18px; }

#right_news .title{font-size: 14px;text-align: left;height: 50px;line-height: 50px;margin-bottom: 19px;background:#5c5e62;}

#right_news .title h1{font-size: 14px;font-weight:normal;color: #ffffff; padding-left: 15px;}

#right_news a{ display: block;}

#right_news .pic_box{ width: 220px; height: 115px; overflow: hidden; margin: 20px 0;}

#right_news .pic_box img{ display: block; width: 220px; height: 115px;}

#right_news ul li .img{float:left;width: 202px;height: 104px;margin-bottom:28px;}

#right_news ul li .img a{ width:100%; height:100%;}

#right_news ul li .img img{ width:100%; height:100%;}

#right_news .content li{ border-top: #b5b5b5 1px dotted; padding-bottom:30px; padding-top:30px;}

#right_news .content li:first-child{ border:0;}

#right_news .content li .text_box{box-sizing: border-box;}

#right_news .content li .text_box a{font-size: 15px;color: #000000;overflow: hidden; white-space:nowrap; text-overflow:ellipsis; transition:.3s;}

#right_news .content li span{font-size: 12px;color: #646466; margin-top:12px; display:block; font-family:arial;}

#right_news .content li .text_box a:hover{ color:#4ea934;}

#right_news .content li .text_box p{ font-size:13px; line-height:22px; color:#acacad; height:44px; overflow:hidden; padding:0; margin-top:15px;}

.news_content{ min-height:563px;}



/*==============新闻详情=====================*/

/* 下面是前/后按钮代码，如果不需要删除即可 */

.slideBox .prev,

.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }

.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }

.slideBox .prev:hover,

.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.slideBox .prevStop{ display:none;  }

.slideBox .nextStop{ display:none;  }

.n_article {margin-bottom: 20px;}

.n_article { margin-bottom:20px;}

.n_article .ar_title{ border-bottom:1px solid #d6d6d6; margin-bottom: 10px; position: relative;}

.n_article .ar_title:after{ content:""; position:absolute; bottom:-1px; left:0; height:2px; background:#50321d; display:block; width:125px;}

.n_article .ar_title h1{ font-size: 18px; display:block; text-align:left; margin-bottom:12px; font-weight: 300; color:#000000;}

.n_article .ar_title h2{height: 35px; font-size:12px;  display:block; text-align:left; color:#a1a1a1; font-weight:100;}

.n_article .ar_title h2 strong{ color:#a1a1a1; font-weight:100;}

.n_article .ar_article{ padding-top:20px; padding-bottom:30px; min-height:400px;}





#ar_fot{ position:relative; padding:25px 0; border-top:3px solid #e5e5e5; }

#ar_fot h1{ display:block; font-size:14px; line-height:30px; color:#666666; }

#ar_fot h1 a{ font-size:14px; color:#666666; font-weight:normal;}

#ar_fot h1 a:hover{ color:#4ea934;}



/*==============分享插件=====================*/

.shart_box{ position:absolute; right:0; top:36px;}

#j_shart_s_24 .fx{ position:relative; top:6px;}

#j_shart_s_24 .bds_count{ font-size:12px;}

#j_shart_s_24{ padding-left:30px; position:relative;}

#j_shart_s_24 strong{ display:block; position:absolute; left:0; z-index:2; line-height:36px; font-size:12px; color: #a3a0a9;}

##j_shart_s_24 .bds_qzone{background:url(../images/j_shart.png) center -224px no-repeat}

#j_shart_s_24 .bds_tsina{background:url(../images/j_shart.png) center -311px no-repeat}

#j_shart_s_24 .bds_tqq{background:url(../images/j_shart.png) center -195px no-repeat}

#j_shart_s_24 .bds_renren{background:url(../images/j_shart.png) center -340px no-repeat}

#j_shart_s_24 .bds_weixin{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_sqq{background:url(../images/j_shart.png) center -79px no-repeat}

#j_shart_s_24 .bds_fbook{background:url(../images/j_shart.png) center -166px no-repeat}

#j_shart_s_24 .bds_twi{background:url(../images/j_shart.png) center -137px no-repeat}

#j_shart_s_24 .bds_linkedin{background:url(../images/j_shart.png) center -108px no-repeat}

#j_shart_s_24 .bds_tieba{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_huaban{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_douban{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_copy{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_print{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_mshare{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_count{font-size:12px}





#n_mendian{  overflow:hidden; padding-bottom:65px;}

#n_mendian .bd{ margin-top:80px;}

#n_mendian .bd ul{ margin-right:-60px; margin-top:-52px; overflow:hidden;}

#n_mendian .bd ul li{ width:360px; margin-top:52px; float:left; margin-right:60px; position: relative; }

#n_mendian .bd ul li:after{ content:""; display:block; height:1px; width:0; background:#4ea934; transition:.5s; -webkit-transition:.5s; position:absolute; right:0; bottom:0; }

#n_mendian .bd ul li:hover:after{ width:100%; left:0; right:auto;}

#n_mendian .bd ul li .img{ width:360px; height:190px; }

#n_mendian .bd ul li .txt{ text-align:center; background:#fff; padding:40px 20px;; height:219px;}

#n_mendian .bd ul li .txt h5{ font-size:16px; color:#1c1c1c; text-align:center;}

#n_mendian .bd ul li .txt i{ width:35px; height:1px; display:block; margin:0 auto; background:#4ea934; margin-top:22px; margin-bottom:22px;}

#n_mendian .bd ul li .txt p{ font-size:13px; color:#393939; line-height:25px; height:75px; overflow:hidden;}







.filter { background:#fff; border:1px solid #e4e4e4; padding:10px 40px; margin-top:66px;

}

.filter dl{ display:block; border-bottom:1px solid #e5e5e5; padding-bottom:35px; padding-top:25px;}

.filter dl dd,.filter dl dt {}

.filter dl:last-child{ padding-bottom:25px; border:0;}

.filter dl dt {

	width: 52px; float:left; color:#4ea934;

	font-weight: 700;

	line-height: 34px

}

.filter dl dd{ padding-left:80px;}

.filter dl dd a {

	margin-right: 34px; display:inline-block;

	color: #353535;

	line-height: 34px;

	font-size: 14px;

}

.filter dl dd a.on{ color:#4ea934; font-weight:bold;}

.filter dl dd a:hover{ text-decoration:underline;}





#n_pro{ margin-bottom:60px; overflow:hidden;}

.n_pro_slide{ height:552px; position:relative; margin-bottom:45px;}

.n_pro_slide .swiper-container{ width:890px; height:552px;}

.n_pro_slide .swiper-container .img{ width:890px; height:552px;}

.n_pro_slide .left{ position:absolute; left:40px; top:50%; margin-top:-23px; z-index:9;}

.n_pro_slide .right{ position:absolute; right:40px; top:50%; margin-top:-23px; z-index:9;}



#n_pro .left_list{}

#n_pro .left_list dl{ background:#fff; border:1px solid #e8e8e8; border-bottom:0;}

#n_pro .left_list dl dt{ height:75px; line-height:75px; border-bottom:1px solid #e8e8e8;}

#n_pro .left_list dl dt a{ display:block; padding-left:40px; padding-right:27px; font-size:14px; color:#2b2b2b;}

#n_pro .left_list dl dt a:before{ content:'-'; margin-right:5px; margin-left:-9px;}

#n_pro .left_list dl dt a i{ display: inline-block; width:24px; height:24px; background:url(../images/n_pro_dt_ico.png) center no-repeat; float:right; margin-top:25px;}

#n_pro .left_list dl dt.on a,#n_pro .left_list dl dt:hover a{ background:#4ea934; color:#fff;}

#n_pro .left_list dl dt.on i,#n_pro .left_list dl dt:hover i{ background:url(../images/n_pro_dt_ico_on.png) center no-repeat; }

#n_pro .left_list dl dd{ padding:10px 0 10px; border-bottom:1px solid #e8e8e8;}

#n_pro .left_list dl dd a{ display:block; height:36px; line-height:36px; padding-left:40px; padding-right:27px; font-size:14px; color:#7c7c7c;}

#n_pro .left_list dl dd a i{ float:right; display:inline-block; transition:.3s; transform:scale(0); opacity:0; margin-right:10px;}

#n_pro .left_list dl dd a.on,#n_pro .left_list dl dd a:hover{ color:#4ea934;}

#n_pro .left_list dl dd a.on i,#n_pro .left_list dl dd a:hover i{transform:scale(1); opacity:1; margin-right:2px;}

#n_pro .right_content{}

#n_pro .right_content .tt{ font-size:24px; color:#454443; font-family:myKai; height:40px; border-bottom:1px solid #dcdcdc; margin-bottom:30px; position:relative; margin-top:-10px;}

#n_pro .right_content .tt:after{ content:""; position:absolute; bottom:-1px; left:0; height:3px; background:#4ea934; display:block; width:95px;}



.n_pro_slide2{ height:552px; position:relative;}

.n_pro_slide2 .swiper-container{ width:890px; height:552px;}

.n_pro_slide2 .swiper-container .img{  width:890px; height:552px;}

.n_pro_slide2 .left{ position:absolute; left:40px; top:50%; margin-top:-23px; z-index:9;}

.n_pro_slide2 .right{ position:absolute; right:40px; top:50%; margin-top:-23px; z-index:9;}

#n_pro .box2{ background:#fff; padding:30px 50px; overflow:hidden; margin-bottom:60px;}

#n_pro .box2 .txt{ margin-bottom:40px; overflow:hidden;}

#n_pro .box2 .txt h3{ font-size:30px; color:#303030; font-family:myKai; height:46px; width:60px; border-bottom:1px solid #4ea934; float:left; margin-top:5px;}

#n_pro .box2 .txt .p{ font-size:14px; color:#555555; line-height:30px; width:698px; float:right;}

#n_pro .box2 ul{ margin-right:-50px; }

#n_pro .box2 ul li{ width:370px; height:250px; overflow:hidden; margin-right:50px; margin-bottom:43px; float:left;}

#n_pro .box2 ul li a{ display:block;width:370px; height:250px; position:relative; overflow:hidden;}

#n_pro .box2 ul li img{ width:100%; height:100%; transition:2s; -webkit-transition:2s;}

#n_pro .box2 ul li h5{ position: absolute; height:35px; line-height:35px; background:#353536; background:rgba(53,53,53,.7); left:0; right:0; bottom:0; color:#fff; font-size:14px; text-align:center; transition:.5s; -webkit-transition:.5s;}

#n_pro .box2 ul li:hover img{ transform:scale(1.1);}

#n_pro .box2 ul li:hover h5{ background:#4ea934; background:rgba(210,176,104,.7);}





.n_shijing_slide{ height:540px; position:relative; margin-bottom:45px;}

.n_shijing_slide .swiper-container{ width:840px; height:540px;}

.n_shijing_slide .swiper-container .img{ width:840px; height:540px; border:5px solid #fff;}

.n_shijing_slide .left{ position:absolute; left:0; top:50%; margin-top:-16px; z-index:9;}

.n_shijing_slide .right{ position:absolute; right:0; top:50%; margin-top:-16px; z-index:9;}









 #loader-wrapper { position: fixed;   top: 0; left: 0; width: 100%; height: 100%; z-index:999999;background:#fff; opacity:1; }

#loader {

  display: block;

  position: relative;

  left: 50%;

  top: 50%;

  width: 150px;

  height: 150px;

  margin: -75px 0 0 -75px;

  border-radius: 50%;

  border: 3px solid transparent;

  /* COLOR 1 */

  -webkit-animation: spin 2s linear infinite; 

  -ms-animation: spin 2s linear infinite; 

  -moz-animation: spin 2s linear infinite;  

  -o-animation: spin 2s linear infinite;    

	  animation: spin 2s linear infinite; 

  z-index:1001;

}

#loader-wrapper .loader-section {

	position: fixed;

	top: 0;

	width: 100%;

	height: 100%;

	background:#fff url(../images/load.jpg) center top no-repeat;

	z-index: 1000;

	-webkit-transform: translateY(0); 

	-ms-transform: translateY(0); 

	transform: translateY(0);

}

.loaded #loader-wrapper .loader-section.section-zoom {

		-webkit-transform: scale(1.3); 

			-ms-transform: scale(1.3);

				transform: scale(1.3);   

		-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  

		transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); opacity:0;

}

.loaded #loader {

		opacity: 0;

		-webkit-transition: all 0.3s ease-out;  

				transition: all 0.3s ease-out;

}



.loaded #loader-wrapper {

	visibility: hidden; opacity:0;

	-webkit-transition: all 0.3s 1s ease-out;  

			transition: all 0.3s 1s ease-out;

}

.load_logo{ position:absolute; z-index: 99; width: 100%; height:150px; text-align: center; overflow:hidden; transition:1.5s; -webkit-transition:1.5s;}

.loaded .load_logo img{ margin-top:200px;}




#my-video{ margin:0 auto;  box-sizing: content-box;}
#my-video .vjs-big-play-button {
    height:66px;
    width: 66px; background:url(../images/play.png) center no-repeat;
    position: absolute; border:0;
    top: 50%;
    left: 50%; margin-left:-33px; margin-top:-33px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border-radius: 100%;
    transition: all .4s;
}
.vjs-big-play-button span.vjs-icon-placeholder:before{ content:none !important;}
#my-video .vjs-big-play-button:focus,#my-video:hover .vjs-big-play-button {
    border-color: #fff;
    background-color: transparent;
    transition: all 0s;
}



/*==================news=====================*/



#s_news .bd{ margin-bottom:100px; overflow:hidden;}



#s_news .s_title{  }



#s_news .left{ width:390px;}



#s_news .right{ width:835px;}



#s_news ul{}



#s_news .left li{ height: 437px; position:relative; display:block; background:#4ea934; border:1px solid #4ea934}



#s_news .left li a{ display:block; padding:65px 50px;}



#s_news .left li .date_box{ margin-bottom:80px;}



#s_news .left li .date_box strong{ font-size:36px; color:#fff; text-transform: uppercase; font-family: "NewsGoth Lt BT";}



#s_news .left li .date_box span{ font-size:24px; color:#fff; text-transform: uppercase; font-family: "NewsGoth Lt BT";  }



#s_news .left li h1{ font-size:18px; color:#fff; display:block; margin-bottom:20px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}



#s_news .left li p{ margin-bottom:80px; font-size:14px; color:#fff; line-height:20px; height:40px; overflow:hidden; }



#s_news .left li i{ display:block; height:1px; width:60px; background:#fff;}



#s_news .left li:hover{ box-shadow:0 0 8px #ddd; background:#333; border:1px solid #fff}



#s_news .left li h1:hover{ color:#fff;}







#s_news .right ul{}



#s_news .right li{ position:relative; display:block; background:#f0f0f1; height:210px; margin-bottom:20px;}



#s_news .right li a{ display:block; position:relative; }



#s_news .right li img{ display:block; width:320px; height:210px; position:absolute; right:0; top:0;  }



#s_news .right li .text_box{ position:absolute; left:25px; top:25px; background:#fff;  padding:25px 35px; width:530px;}



#s_news .right li .text_box .box{ }



#s_news .right li .date_box{ margin-bottom:20px;}



#s_news .right li .date_box strong{ font-size:36px; color:rgb( 91, 83, 73 ); text-transform: uppercase; font-family: "NewsGoth Lt BT";}



#s_news .right li .date_box span{ font-size:24px; color:rgb( 91, 83, 73 ); text-transform: uppercase; font-family: "NewsGoth Lt BT";  }



#s_news .right li h1{ font-size:16px; color:#333; display:block; margin-bottom:10px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}



#s_news .right li p{ font-size:12px; color:#aaabac; line-height:20px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}



#s_news .right li:hover .text_box{  }



#s_news .right li .un_box{ position:relative; display:block; padding:0 30px; padding-top:0; background:#f3f3f3; color:#a5a5a7; font-size:14px;  }



#s_news .right li .un_box i{ display:block; position:absolute; right:35px; top:30px; width:38px; height:38px; background:url(../images/bnt_more_s.png) center no-repeat;}



#s_news .right li .un_box span{ display:block; border-top:1px solid #e4e1e1; padding:30px 0; height:38px; line-height:38px;}



#s_news .right li img{  }



#s_news .right li:hover .text_box{ background:#fff; box-shadow:0 0 8px #999; }



#s_news .right li h1:hover{ color:#333;}

.s_title { position:relative; margin-bottom:50px; text-align:center;padding-top:40px;}



.s_title strong{font-size: 22px;color: #fff;margin-right: 10px;}



.s_title span{color: #c7c8cb;font-size: 16px;}



.s_title a{  position:absolute; right:0; top:25px; display:block; height:45px; color:#fff; font-size:14px; line-height:45px; padding:0 35px; border:1px solid #e4e1e1;}


.s_title a:hover{ border:1px solid #43536c; color:#fff; }



.s_title p{font-size: 12px;color: #fff; line-height:20px; padding-top:25px;}

.floor{ background:#fff;padding-bottom:30px;}